* {
  margin: 0;
  padding: 0;
}
body {
  background-color: #f1f1f2;
}
.shop {
  width: 100%;
  z-index: 99;
  h3 {
    background-color: #f03c3c;
    width: 100%;
    color: white;
    font-size: 4.2667vw;
    height: 10.6667vw;
    text-align: center;
    line-height: 10.6667vw;
    position: fixed;
    top: 0;
  }
}
header {
  margin-top: 13.3333vw;
  .seach {
    width: 92vw;
    height: 8vw;
    background-color: white;
    border-radius: 1.3333vw;
    margin: 2.6667vw auto;
    text-align: center;
    line-height: 8vw;
    font-size: 3.4667vw;
    color: #999999;
  }
}
.main {
  .swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .swiper {
    margin-left: auto;
    margin-right: auto;
  }
  .mes {
    background-color: #f2dbdb;
    height: 8vw;
    width: 100%;
    display: flex;
    .icon-shengyin {
      width: 10%;
      height: 8vw;
      text-align: center;
      line-height: 8vw;
      color: #ff1e02;
    }
    div {
      width: 90%;
      position: relative;
      overflow: hidden;
      span {
        color: #ff1e02;
        height: 8vw;
        width: 100%;
        font-size: 4vw;
        line-height: 8vw;
        position: absolute;
        right: -85%;
        animation: mymove 5s linear infinite;
      }
    }
  }
  .men {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    box-sizing: border-box;
    padding: 0.8vw 0;
    .it {
      width: 20%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 2.6667vw 0;
    }
  }
  .men img {
    width: 11.7333vw;
    height: 11.7333vw;
  }
  .men p {
    font-size: 3.4667vw;
  }
  .img {
    img {
      width: 100%;
    }
  }
  .gue {
    p {
      font-size: 3.7333vw;
      background-color: #fff;
    }
  }
  .contentAll {
    margin-top: 0.5333vw;
    margin-bottom: 13.3333vw;
    .content {
      margin-bottom: 1.3333vw;
      background-color: white;
      display: flex;
      padding: 4vw 2.6667vw;
      img {
        width: 32vw;
        height: 32vw;
        margin-right: 2.6667vw;
      }
      .tx {
        p {
          margin-bottom: 1.3333vw;
        }
        .txone {
          font-size: 3.4667vw;
          overflow: hidden;
          text-overflow: ellipsis;
          -webkit-line-clamp: 2;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          letter-spacing: 0.2667vw;
        }
        .txtwo {
          font-size: 3.2vw;
          color: #999999;
        }
        .txthree {
          font-size: 4vw;
          color: #f03c3c;
          span {
            font-size: 3.2vw;
            color: #999999;
            margin-left: 1.3333vw;
            text-decoration: line-through;
          }
        }
      }
    }
  }
}
@keyframes mymove {
  to {
    transform: translateX(-220%);
  }
}
